﻿<%@ Page Title="Recruiter create account" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="recruiterCreate.aspx.cs" Inherits="iResume.recruiterCreate"  %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
        <script src="spass/jquery-1.4.4.min.js" type="text/javascript"></script>
    <link href="spass/style.css" rel="stylesheet" type="text/css" />
    <script src="spass/pschecker.js" type="text/javascript"></script>
 

    <style type="text/css">
        .style8
        {
            font-size: small;
            font-family: "Century Gothic";
            color: #666666;
        }
        .style12
        {
            font-size: x-large;
        }
        .style13
        {
            text-align: left;
            font-family: "Century Gothic";
            color: #C0C0C0;
        }
        .style14
        {
            text-align: left;
            font-size: xx-small;
            font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        }
        .style15
        {
            color: #FF3300;
        }
        .style95
        {
            font-size: small;
            color: #000000;
            font-weight: bold;
        }
        .style97
        {
        text-align: right;
        width: 321px;
    }
        .style100
    {
        text-align: left;
        font-size: large;
    }
    .style101
    {
            height: 33px;
        }
    .style102
    {
        text-align: right;
        height: 33px;
        width: 321px;
    }
    .style103
    {
        text-align: left;
        font-size: large;
        height: 33px;
    }
    .style104
    {
        text-align: left;
        font-size: x-small;
        height: 33px;
    }
    .style106
    {
        text-align: center;
    }
    .style107
    {
        text-align: left;
        font-size: 8pt;
        width: 314px;
    }
    .style108
    {
        text-align: left;
        font-size: x-small;
        height: 33px;
        width: 314px;
    }
    
     .textbox
        {   
                border-width:1px;
                border-style:inset;
                border-color: #D8D8D8;
                border-top-left-radius: 6px;
                border-top-right-radius: 6px;
                border-bottom-left-radius: 6px;
                border-bottom-right-radius: 6px;
                height : 25px;
                padding: 2px 7px 0px 7px;   
                font-size: 14px;
                color: #999999;
                 outline: none;
            
        }
        .style109
        {
            height: 34px;
            color: #FF0000;
        }
        .style110
        {
            text-align: right;
            width: 321px;
            height: 34px;
        }
        .style111
        {
            text-align: left;
            font-size: large;
            height: 34px;
        }
        .style112
        {
            text-align: left;
            font-size: 8pt;
            width: 314px;
            height: 34px;
        }
        .style113
        {
            text-align: left;
            font-size: 8pt;
            height: 34px;
        }
        .style114
        {
            height: 31px;
        }
        .style115
        {
            text-align: right;
            width: 321px;
            height: 31px;
        }
        .style116
        {
            text-align: left;
            font-size: large;
            height: 31px;
        }
        .style117
        {
            text-align: left;
            font-size: 8pt;
            width: 314px;
            height: 31px;
        }
        .style118
        {
            text-align: left;
            font-size: 8pt;
            height: 31px;
        }
        .style119
        {
            height: 32px;
        }
        .style120
        {
            text-align: right;
            width: 321px;
            height: 32px;
        }
        .style121
        {
            text-align: left;
            font-size: large;
            height: 32px;
        }
        .style122
        {
            text-align: left;
            font-size: 8pt;
            width: 314px;
            height: 32px;
        }
        .style123
        {
            text-align: left;
            font-size: 8pt;
            height: 32px;
        }
        .style124
        {
            height: 54px;
        }
        .style125
        {
            text-align: right;
            width: 321px;
            height: 54px;
        }
        .style126
        {
            text-align: left;
            font-size: 8pt;
            height: 54px;
        }
        .style127
        {
            text-align: left;
            font-size: 8pt;
            width: 314px;
            height: 54px;
        }
        .style128
        {
            text-align: left;
            font-size: 8pt;
            width: 314px;
            height: 9px;
        }
        .style129
        {
            text-align: left;
            font-size: 8pt;
            height: 9px;
        }
        .style130
        {
            height: 9px;
        }
        .style131
        {
            text-align: right;
            height: 9px;
            width: 321px;
        }
        .style132
        {
            text-align: left;
            font-size: large;
            height: 9px;
        }
        .style138
        {
            height: 13px;
            width: 14px;
        }
        .style139
        {
            color: #FF0000;
        }
        </style>

            <script type="text/javascript">
                $(document).ready(function () {

                    //Demo code
                    $('#MainContent_tbxP').pschecker({ onPasswordValidate: validatePassword, onPasswordMatch: matchPassword });

                    var submitbutton = $('.submit-button');
                    var errorBox = $('.error');
                    errorBox.css('visibility', 'hidden');
                    submitbutton.attr("disabled", "disabled");

                    //this function will handle onPasswordValidate callback, which mererly checks the password against minimum length
                    function validatePassword(isValid) {
                        if (!isValid)
                            errorBox.css('visibility', 'visible');
                        else
                            errorBox.css('visibility', 'hidden');
                    }
                    //this function will be called when both passwords match
                    function matchPassword(isMatched) {
                        if (isMatched) {
                            submitbutton.addClass('unlocked').removeClass('locked');
                            submitbutton.removeAttr("disabled", "disabled");
                        }
                        else {
                            submitbutton.attr("disabled", "disabled");
                            submitbutton.addClass('locked').removeClass('unlocked');
                        }
                    }
                });
                function passwordtxb_onclick() {

                }

    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <table style="width:100%;">
        <tr>
            <td class="menu" colspan="7">
                <asp:Image ID="Image5" runat="server" ImageUrl="~/Picture/jobseeker.PNG" />
                <asp:HyperLink ID="HyperLink4" runat="server" 
                    NavigateUrl="~/createJobseeker.aspx">Job Seeker</asp:HyperLink>
                <asp:Image ID="Image3" runat="server" ImageUrl="~/Picture/recruiter.PNG" />
                <asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="~/recruiterCreate.aspx">Recruiter</asp:HyperLink>
                <asp:Image ID="Image4" runat="server" ImageUrl="~/Picture/admin.PNG" />
                <asp:HyperLink ID="HyperLink3" runat="server" 
                    NavigateUrl="~/adminConfirmationCode.aspx">Administrator</asp:HyperLink>
                <hr />
                <div class="style13" style="font-family: 'century Gothic'">
                    <strong><span class="style12">Create </span></strong><span class="style12">
                    Recruiter - <span class="style95">Already have an 
                    account?
                    <asp:HyperLink ID="HyperLink6" runat="server" NavigateUrl="~/loginpage.aspx" 
                        CssClass="newStyle1">Log in Now!</asp:HyperLink>
                    </span> </span>
                <hr />
                </div>
            </td>
        </tr>
        <tr>
            <td class="style130">
                </td>
            <td class="style131">
                <asp:Label ID="rightlbl" runat="server" Visible="False" ForeColor="Red"></asp:Label>
           
            </td>
            <td class="style132">
            </td>
            <td class="style128">
            </td>
            <td class="style129">
                </td>
            <td class="style130">
                </td>
            <td class="style130">
                </td>
        </tr>
        <tr>
            <td class="style109">
                </td>
            <td class="style110">
                <asp:Label ID="lblcName" runat="server" ForeColor="Black" Text="Company Name :" 
                    CssClass="style8"></asp:Label>
            </td>
            <td class="style111">
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                    ControlToValidate="txbcName" ErrorMessage="*" CssClass="style15"></asp:RequiredFieldValidator>
            </td>
            <td class="style112">
                <asp:TextBox ID="txbcName" runat="server" CausesValidation="True" onfocus="this.style.backgroundColor='#E6E6E6'" 
onblur="this.style.backgroundColor=''"
                    ontextchanged="txbcName_TextChanged" ValidationGroup="RequiredFieldValidator1" 
                    Width="300px" cssclass="textbox" placeholder="Enter your company name"></asp:TextBox>
            </td>
            <td class="style113">
                </td>
            <td class="style109">
                </td>
            <td class="style109">
                </td>
        </tr>
        <tr>
            <td class="style101">
                </td>
            <td class="style102">
                <asp:Label ID="lblcPerName" runat="server" ForeColor="Black" 
                    Text="Name of Person-in-Charge :" CssClass="style8"></asp:Label>
            </td>
            <td class="style103">
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                    ControlToValidate="tbxPerson" ErrorMessage="*" CssClass="style15"></asp:RequiredFieldValidator>
            </td>
            <td class="style108">
                <asp:TextBox ID="tbxPerson" runat="server" CausesValidation="True" cssclass="textbox" onfocus="this.style.backgroundColor='#E6E6E6'" 
onblur="this.style.backgroundColor=''"
                    ValidationGroup="RequiredFieldValidator2" Width="300px" placeholder="Enter your person-in-charge"></asp:TextBox>
            </td>
            <td class="style104">
                <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" 
                    ControlToValidate="tbxPerson" ErrorMessage="no number is allowed" 
                    ForeColor="Red" style="font-size: 8pt" ValidationExpression="[a-zA-Z\s]+"></asp:RegularExpressionValidator>
            </td>
            <td class="style101">
                </td>
            <td class="style101">
                </td>
        </tr>
        <tr>
            <td class="style114">
                </td>
            <td class="style115">
                <asp:Label ID="lblcEmail" runat="server" ForeColor="Black" Text="Email :" 
                    CssClass="style8"></asp:Label>
            </td>
            <td class="style116">
                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                    ControlToValidate="tbxEmail" ErrorMessage="*" CssClass="style15"></asp:RequiredFieldValidator>
             </td>
            <td class="style117">
                <asp:TextBox ID="tbxEmail" runat="server" CausesValidation="True" onfocus="this.style.backgroundColor='#E6E6E6'" 
onblur="this.style.backgroundColor=''"
                    ValidationGroup="RequiredFieldValidator3" Width="300px" cssclass ="textbox" placeholder="Enter your email address"></asp:TextBox>
                     <br />
                </td>
            <td class="style118">
                <asp:Label ID="lblError" runat="server" Text="email exist" Visible="False" 
                    CssClass="style139"></asp:Label>
                <br />
             <asp:RegularExpressionValidator 
                ID="RegularExpressionValidator1" runat="server" ControlToValidate="tbxEmail" 
                ErrorMessage="Wrong Format, please follow the example
                " 
                ForeColor="Red" 
                ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                    CssClass="style14" Font-Size="8pt"></asp:RegularExpressionValidator></td>
            <td class="style114">
                </td>
            <td class="style114">
                </td>
        </tr>
        <tr>
            <td class="style114">
                </td>
            <td class="style115">
                <asp:Label ID="lblP" runat="server" ForeColor="Black" Text="Password :" 
                    CssClass="style8"></asp:Label>
            </td>
            <td class="style116">
                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                    ControlToValidate="tbxP" ErrorMessage="*" CssClass="style15"></asp:RequiredFieldValidator>
            </td>
            <td class="style117">
              <div class="password-container">
                <asp:TextBox ID="tbxP" runat="server" CausesValidation="True" onfocus="this.style.backgroundColor='#E6E6E6'" 
onblur="this.style.backgroundColor=''"
                   ValidationGroup="RequiredFieldValidator4" Width="300px" 
                    TextMode="Password" CssClass="strong-password" placeholder="Enter your password"></asp:TextBox>
                       &nbsp;<div class="meter">
                       </div>
            </td>
            <td class="style118">
                         <div class="style109">
                                   <span class="error">Password must be 8 characters long</span>
                               </div>
                </td>
            <td class="style114">
                </td>
            <td class="style114">
                </td>
        </tr>
        <tr>
            <td class="style109">
                </td>
            <td class="style110">
                <asp:Label ID="lblcRP" runat="server" ForeColor="Black" Text="Re-type Password :" 
                    CssClass="style8"></asp:Label>
            </td>
            <td class="style111">
                <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" 
                    ControlToValidate="tbxrP" ErrorMessage="*" CssClass="style15"></asp:RequiredFieldValidator>
            </td>
            <td class="style112">
                <asp:TextBox ID="tbxrP" runat="server" CausesValidation="True" CssClass="textbox" onfocus="this.style.backgroundColor='#E6E6E6'" 
onblur="this.style.backgroundColor=''"
                    ValidationGroup="RequiredFieldValidator5" Width="300px" 
                    TextMode="Password" placeholder="Retype password"></asp:TextBox>
            </td>
            <td class="style113">
                </td>
            <td class="style109">
                </td>
            <td class="style109">
                </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td class="style97">
                &nbsp;</td>
            <td class="style100">        &nbsp;</td>
            <td class="style107">        <asp:Image ID="imgCaptcha" ImageUrl="Captcha.ashx" runat="server" CssClass="style87" /></br>
                </td>
            <td class="style14">
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style119">
                </td>
            <td class="style120">
                <asp:Label ID="lblCapcha" runat="server" ForeColor="Black" 
                    Text="Word Verification :" CssClass="style8"></asp:Label>
            </td>
            <td class="style121">
       
                </td>
            <td class="style122">
       
                <asp:TextBox ID="tbxCapcha" runat="server" ontextchanged="TextBox1_TextChanged" cssclass="textbox" onfocus="this.style.backgroundColor='#E6E6E6'" 
onblur="this.style.backgroundColor=''"
                    Width="300px" ToolTip="Enter the numbers you see in the above image" placeholder="Enter word verification"></asp:TextBox>
                </td>
            <td class="style123">
                <asp:Panel ID="Panel5" runat="server" Visible="False" Wrap="False">
                    <span class="style109">
                                    <img class="style138" src="picture/cross_icon-1.png" />
                                    Wrong word verification</span></asp:Panel>
           
            </td>
            <td class="style119">
                </td>
            <td class="style119">
                </td>
        </tr>
        <tr>
            <td class="style124">
                </td>
            <td class="style125">
                <asp:Label ID="Label1" runat="server" ForeColor="Black" 
                    Text="Terms &amp; Conditions :" CssClass="style8"></asp:Label>
            </td>
            <td class="style126">
          
           
                </td>
            <td class="style127">
          
           
                <asp:TextBox ID="tbxrP0" runat="server" CausesValidation="True"  cssclass="textbox"
                    ReadOnly="True" TextMode="MultiLine" 
                    ValidationGroup="RequiredFieldValidator5" 
                    Style="max-height:80px; min-height:80px; max-width:300px; min-width:300px;" 
                    Rows="5" Width="210px" 
                   >Welcome to our website. If you continue to browse and use this website,
 you are agreeing to comply with and be bound by the following
 terms and conditions of use, which together with our privacy policy 
govern iResume&#39;s relationship with you in relation to this website. 
If you disagree with any part of these terms and conditions, 
please do not use our website.</asp:TextBox>
                <br />
                <asp:CheckBox ID="ckbTC" runat="server" 
                    Text="I agree to Terms and Conditions" 
                    oncheckedchanged="ckbTC_CheckedChanged" AutoPostBack="True" 
                    style="font-family: 'Century Gothic'" />
          
           
            </td>
            <td class="style126">
                </td>
            <td class="style124">
                </td>
            <td class="style124">
                </td>
        </tr>
        <tr>
            <td class="style106" colspan="7">
                <asp:Button ID="btnRegister" runat="server" onclick="btnRegister_Click" 
                    style="margin-left: 72px" Text="Register" Enabled="False" Width="300px" />
            </td>
        </tr>
        
        </table>
               <div class="footer">
            <br />
            <br />
            <br />
            <br />
            <br />
        
            
            <a href="http://www.google.com" target="_blank">
            <asp:ImageButton ID="ImageButton2" runat="server" Height="54px" 
                ImageUrl="Picture/google.PNG" target="_blank" Width="154px" />
            </a><a href="http://www.msn.com" target="_blank">
            <asp:ImageButton ID="ImageButton3" runat="server" Height="56px" 
                ImageUrl="Picture/msn.PNG" Width="105px" />
            </a><a href="http://www.yahoo.com" target="_blank">
            <asp:ImageButton ID="ImageButton4" runat="server" Height="67px" 
                ImageUrl="Picture/y.PNG" Width="154px" />
            </a>
    </div>
</asp:Content>
